import React, { useState } from 'react'

export default function App() {
  // 方式一: usestate(初始值)
  // 方式二: userstate(()=>{return 111})
  // 回调函数的返回值的状态的初始值;
  // 如果你的初始值是需要一定计算得来的, 建议放入回调函数中返回, 回调函数只会在初始时执行一次
  const [count, setCount] = useState(0)
  const [money, setMoney] = useState(() => {
    const initMoney = 100 + 200 + 300

    // 查看log 会不会一直打印
    console.log(initMoney)
    return initMoney
  })

  return (
    <div>
      <h1>计数器-{count}</h1>
      <button
        onClick={() => {
          setCount(count + 1)
        }}
      >
        +1
      </button>
      <hr />
      <h1>钱-{money}</h1>
      <button
        onClick={() => {
          setMoney(money - 100)
        }}
      >
        -100
      </button>
    </div>
  )
}
